<template>
	<u-overlay :show="show" @click="closeShow">
		<view class="warp">
			<view class="rect" @tap.stop>
				<image :src="hintImgType ? image : productImage" mode="aspectFill"></image>
			</view>
		</view>
	</u-overlay>
</template>

<script>
	export default {
		props: {
			show: {
				type: Boolean,
				default: true
			},
			hintImgType: {
				type: Boolean,
				defautl: true
			}
		},
		data() {
			return {
				productImage: '',
				image: ''
			}
		},
		methods: {
			closeShow() {
				this.$emit('update:show', false)
			}
		}
	}
</script>

<style lang="scss" scoped>
	.rect{
		position: absolute;
		top: 50%;
		left: 50%;
		transform: translate(-50%,-50%);
		color: #fff;
	}
</style>
